   <style type="text/css">
		#pay{color: #fff;font-size: 0.3rem;}
    	.payheadbox{height: 3.7rem;background: #5299d9;}
    	.pay-box-head{height: 2.56rem;width: 6.75rem;margin: 0 auto;text-align: center;}
    	.pay-box-footer{height: 1rem;}
    	.paybody{height: 1.07rem;background: #fff;color: #000;padding-left: 0.3rem;}
    	.paybody img{width: 0.34rem;height: auto;}
    	.paymodel{position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: rgba(0,0,0, 0.5);}
    	.bankCardbox{height: 6.7rem;background: #fff;width: 100%;border-radius: 5px 5px 0 0;position: fixed;bottom: 0;left:1000px;}
    	.bankCardhead{height: 1rem;color: #000;font-size: 0.34rem;}
    	.pay-icon{color: #aaa;font-size: 0.4rem;margin-left: 0.2rem;}
    	#bankCardcont{height: 5.7rem;overflow: hidden;}
    	.bankCardcont{height:auto;padding-left: 0.4rem;color: #000;}
    	.bankCardcont .item{height: 1.23rem;}
    	.bankCardcont .item img{height: 0.5rem;width: auto;margin-right: 0.3rem;}
    	.icon-gou{margin-right: 0.5rem;color: #228fd1;margin-bottom: -3px;font-size: 0.36rem;}
    	#verification{border:none;margin-left: 1.15rem;width: 2.5rem;}
    	.getcode{font-size: 0.28rem;color: #aaa;padding: 0.05rem 0.2rem;border:solid 1px #aaa;margin-left: 0.2rem;border-radius: 7px;}
   </style>
	<div id="pay">
		<div class="payheadbox">
			<div class="pay-box-head border flex flex-pack-center flex-v">
		<p style="font-size: 0.34rem;">保证金充值(元)</p>
		<p style="font-size: 0.6rem;" id="capitalAmount"></p>
		</div>
		<div class="pay-box-footer flex flex-align-center flex-pack-center">
		<p id="poundageTotalAmt"></p>
		</div>	
		</div>
		<div class="border" style="height: 0.2rem;"></div>
		<!--选择支付银行卡-->
		<div class="paybody flex flex-align-center border" id="paybody" data-cardtype='1'>
			<p>银行卡</p>
			<img src="src/images/banklogo.png" style="margin-left: 1.1rem;margin-right: 2px;margin-bottom: -1px;"/>
			<p class="flex-1"></p>
			<i class="icon iconfont icon-you" style="color: #aaa;margin-right: 0.3rem;"></i>
		</div>
		<!--验证码输入框-->
		<div class="paybody flex flex-align-center" style="display: none;" id="verificationbox">
			<p>验证码</p>
			<input type="number" id='verification' placeholder="请输入验证码"/>
			<div class="getcode getems">获取验证码</div>
		</div>
		<!--确认按钮-->
		<div class="confirm flex flex-align-center flex-pack-center">
			<p>确认支付</p>
		</div>
		<div class="paymodel" id="paymodel" hidden>
		<div id="bankCardbox" class="bankCardbox">
			<div class="bankCardhead border flex flex-align-center">
				<i class="icon iconfont icon-zuo pay-icon"></i>
				<p style="margin-left: 2rem;">选择付款方式</p>
			</div>
			<div id="bankCardcont">
				<ul class="bankCardcont" id="bankCardcontBox">
					<!--模板渲染-->
				</ul>
			</div>
		 </div>
		</div>
	</div>
<script type="text/html" id="template_bankCardcont">
		<%for(var i in data){%>
		<li class="item border flex flex-align-center" data-cardtype="<%= data[i].cardType %>" data-bundcardid="<%= data[i].bundCardId %>" data-quick="<%= data[i].isOpenQuick %>" data-phone="<%= data[i].phoneNo %>">
			<img src="<%= data[i].bankIcon %>"/>
			<p class="flex-1"><%= data[i].bankName %>&nbsp;<%if(data[i].cardType == 0){%>储蓄卡<%}else{%>信用卡<%}%>&nbsp;<span style="color: #aaa;">尾号<%= data[i].cardNo %></span></p>
			<i class="icon iconfont icon-gou" hidden></i>
		</li>
		<%}%>
</script>